<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>支付</title> 
	<link rel="stylesheet icon" type="text/css" href="../img/favicon.ico"/>
	<link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="../fonts/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="../css/common.css"/>
	<link rel="stylesheet" type="text/css" href="../css/pay.css"/>
</head>
<body>
	<!-- 头部 -->
	<div class="header">
		<div class="navbar navbar-inner top">
			<div class="container clearfix">
				<ul class="nav pull-left">
					<li>
						<a href="../html/login.html">
							<span class="iconfont icon-tel"></span>
							<span>400-010-8888</span>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							您好，欢迎来到中蜜丝路！
						</a>
					</li>
				</ul>
				<ul class="nav pull-right">
					<li>
						<a href="javascript:;">
							<span class="iconfont icon-portrait"></span>
							<span>登录</span>
						</a>
					</li>
					<li class="line">|</li>
					<li class="member clearfix">
						<a href="javascript:;">
							<span>会员中心 </span>
							<span class="iconfont icon-down"></span>
						</a>
						<ul class="dropdownMenu">
							<li><a href="../html/member_info.html">我的信息</a></li>
							<li><a href="../html/member_claim.html">我的认养</a></li>
							<li><a href="../html/member_state.html">蜂箱动态</a></li>
							<li><a href="../html/member_claim.html">认养详情</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<div class="navbar">
			<div class="container clearfix">
				<a href="javascript:;" class="logo pull-left">
					<img src="../img/logo.png" alt="12">
					<!-- <img src="img/404.png" alt=""> -->
				</a>
				<div class="nav pull-right">
					<ul class="nav-pills clearfix">
						<li><a href="../index.html">首页</a></li>
						<li><a href="../html/find_honey.html">蜜源寻蜜</a></li>
						<li><a href="../html/popular.html">好蜜科普</a></li>
						<li><a href="../html/special.html">蜂业专委会</a></li>
						<li><a href="../html/horizon.html">蜜蜂视界</a></li>
						<li class="active"><a href="../html/member_center.html">会员中心</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 大图 -->
	<div class="picture">
		<img src="../img/temp/banner_1.jpg" >
	</div>
	<!-- 支付 -->
	<div class="pay">
		<div class="container clearfix">
			<div class="pay_top">
				<h2>支付</h2>
				<span class="iconfont red-line"></span>
			</div>
			<div class="pay_center">
				<div class="pay_ren">
					<span>订单认养成功，现在只差最后一步啦！</span>
					<span class="iconfont icon-success"></span>
				</div>
				<div class="pay_line">
					<p>瓶装花蜜天然纯农家自产百花蜂蜜土峰蜜蜜糖等2件商品</p>
					<div class="lists">
						<p>领养证书一本</p>
						<p>荆条花蜜10kg</p>
						<p>赠送吃蜜工具一套</p>
						<p>领养成功后，您的幸福寄语将打印在蜂箱上</p>
						<p>预计发货时间：2018年7月-8月期间，认养期限：1年</p>
					</div>
					<p>收货地址：山东省 青岛市 市南区 香港中路11号中环国际广场3001室 手机：18666889988</p>
				</div>
			</div>
			<div class="pay_bottom">
				<div class="pay_one">
					<span>订单金额：</span>
					<span>¥62000.00</span>
				</div>
				<div class="pay_two clearfix">
					<div class="zhifu">
						<input type="radio" name="name" id="input1">
						<div class="zfb" >
							<img src="../img/pay_zfb.jpg" alt="">
							<span class="iconfont icon-checked-pay" id="green"></span>
						</div>
					</div>
					<div class="zhifu">
						<input type="radio" name="name" id="input2">
						<div class="weixin">
							<img src="../img/pay_weixin.jpg" alt="">
							<span class="iconfont icon-checked-pay" id="red"></span>
						</div>
					</div>
				</div>
				<a href="../html/pay_success.html" class="aaa">去支付宝支付</a>
				<a href="" class="yinchang">去微信支付</a>
			</div>
		</div>
	</div>
	<!-- 底部 -->
	<div class="footer">
		<div class="container clearfix">
			<div class="foot-left pull-left">
				<ul>
					<li>
						<i class="iconfont icon-phone"></i>
						<span>400-010-8888</span>
					</li>
					<li>
						<i class="iconfont icon-time"></i>
						<span>工作时间：8:30-17:30</span>
					</li>
					<li>
						<i class="iconfont icon-mailbox"></i>
						<span>E-mail：contact@zhongmisilu.com</span>
					</li>
					<li>
						<i class="iconfont icon-location"></i>
						<span>海南省海口市龙华区财富广场18C</span>
					</li>
				</ul>
			</div>
			<div class="line-foot"></div>
			<div class="foot-cen pull-left">
				<dl>
					<dt>
						<a href="javascript:;">蜜源寻蜜</a>
					</dt>
				</dl>
				<dl>
					<dt><a href="javascript:;">好蜜科普</a></dt>
					<dd>
						<a href="javascript:;">蜜源探秘</a>
						<a href="javascript:;">蜂蜜常识</a>
						<a href="javascript:;">蜂蜜种类</a>
						<a href="javascript:;">蜂蜜价值</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="javascript:;">蜂业专委会</a></dt>
					<dd>
						<a href="javascript:;">工匠认证</a>
						<a href="javascript:;">专业培训</a>
						<a href="javascript:;">专委会介绍</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="javascript:;">蜜蜂视界</a></dt>
					<dd>
						<a href="javascript:;">全部视频</a>
					</dd>
				</dl>
				<dl>
					<dt>
						<a href="javascript:;">会员中心</a>
					</dt>
				</dl>
			</div>
			<div class="line-foot"></div>
			<div class="foot-rig pull-left">
				<dt>
					<img src="../img/temp/wx.jpg" alt="">
				</dt>
				<dd>
					扫描上方公众号微信二维码
					<br>
					或者微信加公众号：zhongmisilu
				</dd>
			</div>
		</div>
			<div class="copyright clearfix"> 2017 中蜜丝路 鲁公网安备 11010102002425号  鲁ICP证160503号 鲁ICP备14052685号-1
		</div>
	</div>
	<script src="../bootstrap/js/jquery-1.10.1.min.js"></script>
	<script src="../bootstrap/js/bootstrap.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#input1").click(function(){
				$(".zfb").css("border","1px solid #d43f3a")
				$(".aaa").show()
				$("#green").css("color","#d43f3a")
				$("#red").css("color","#ddd")
				$(".yinchang").hide()
				$(".weixin").css("border","1px solid #ddd")
			})
			$("#input2").click(function(){
				$(".weixin").css("border","1px solid #d43f3a")
				$(".yinchang").show()
				$("#green").css("color","#ddd")
				$("#red").css("color","#d43f3a")
				$(".aaa").hide()
				$(".zfb").css("border","1px solid #ddd")
			})
		})
	</script>
</body>
</html>